<!-- Created by henian.xu on 2018/11/27. -->

<template>
    <div :class="classes"><slot/></div>
</template>

<script>
export default {
    name: 'Row',
    props: {
        noSpacing: {
            type: Boolean,
            default: false,
        },
    },
    computed: {
        classes() {
            const { noSpacing } = this;
            return ['row', { 'no-spacing': noSpacing }];
        },
    },
};
</script>

<style lang="scss">
.row {
    @include clearfix;
    margin: $grid-spacing ($grid-spacing / -2);

    &.no-spacing {
        margin: 0;
        > .column {
            padding-left: 0;
            padding-right: 0;
        }
    }
}
</style>
